html,
body {
  /* height: 100%;
  height: 100%; */
  /* overflow: hidden; */
  margin: 0;
  padding: 0;
  font-size: 14px;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input {
  outline: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:root {
  --color-primary: #217093;
  --el-color-danger: #ff5722;
  --color-primary-light: var(--el-color-primary-light-9);
  --color-primary-hover: #6d9cef;
  --color-warn: var(--el-color-warning);
  --color-warn-light: #fef1e7;
  --color-success: var(--el-color-success);
  --color-danger: var(--el-color-danger);
  --color-info: var(--el-color-info);
  --color-info-light: var(--el-color-info-light-9);
  --color-success: var(--el-color-success);
  --text-color-primary: #202226;
  --text-color-primary-3: #4e5969;
  --text-color-des: var(--el-color-info);
  --text-color-yellow: #faad14;
  --text-color-orange: #eb5e12;
  --text-color-price: #db4313;
  --header-height: 50px;
  --menu-bg-color: #2e3649;
  --border-color: #eee;
  --margin-size-small: 8px;
  --margin-size-base: 16px;
  --margin-size-large: 24px;
  --border-radius: var(--el-border-radius-base);
  --border-color: var(--el-border-color);
  --table-header-bg-color: #f7f9fa;
  --font-size-small: var(--el-font-size-extra-small);
  --font-size-base: var(--el-font-size-base);
  --font-size-medium: var(--el-font-size-medium);
  --border: 1px solid var(--border-color);
  --upload-picture-card-size: 100px;
  --el-text-color-primary: var(--text-color-primary);
  --el-color-primary: var(--color-primary);
  --el-menu-item-height: 40px;
  --el-fill-color-light: #217093;
}

body {
  display: flex;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #99a9bf;
}

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.flex_col {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.flex_row {
  flex: 1;
  display: flex;
  overflow: hidden;
}

.flex {
  display: flex;
}

.scroll-y {
  overflow-y: auto;
}

.page-header,
.query-form {
  padding-bottom: var(--margin-size-base);
}

.sub-btn {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--el-box-shadow-light);
  margin: -16px;
  z-index: 99;
  background-color: #fff;
}

.edit-title {
  font-size: var(--font-size-medium);
  padding: var(--margin-size-base) 0;
  border-bottom: var(--border);
  margin-bottom: var(--margin-size-base);
  font-weight: bold;
}

.xs {
  cursor: pointer;
}

.des {
  font-size: var(--font-size-small);
  color: var(--text-color-des);
}

.setWirelessdevice .el-tabs__item {
  color: #fff;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  color: #fff;
}

.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: #212121;
}

.profile .el-table__body .el-table__row {
  color: #fff;
}

.profile .el-table__body .el-table__row:hover {
  --el-table-row-hover-bg-color: #212121;
}

.profile #pane-0 .el-row {
  padding: 10px 0px;
  border-bottom: solid 1px #ddd;
}

.profile-btn-color-l > span {
  color: #67c23a;
}

.profile-btn-color-h > span {
  color: #79bbff;
}

.profile-btn-color-l > span:hover {
  color: #fab6b6;
}

.profile-btn-color-h > span:hover {
  color: #fab6b6;
}

.el-select-dropdown__list .el-select-dropdown__item .is-hovering {
  color: #fff !important;
}

/* 类UI */
.layui-layer-content {
  background-color: #171717 !important;
}

.layui-layer .layui-layer-title {
  background-color: #2a2a2a !important;
  border-radius: 0px !important;
}

.layui-layer-setwin .layui-layer-close1 {
  background-color: #b1b3b8;
  background-position: 2px -39px !important;
  border-radius: 5px;
}

.layui-layer-btn-c {
  background-color: #2a2a2a;
}

.layui-layer-btn {
  background-color: #2a2a2a;
}

.layui-layer-content {
  color: #fff;
}

.my-elm-select {
  padding: 1rem 0rem;
  font-size: 16px;
  background-color: #2a2a2a;
  height: 30rem;
  overflow: auto;
  color: #fff;
}

.my-elm-select-item {
  padding: 0.5rem 1rem;
}

.my-elm-selected {
  background-color: #428bd4;
}

.my-elm-select-item:hover {
  background-color: #428bd4;
  cursor: pointer;
}

.my-elm-select-item-icon {
  background: url(/src/assets/icon/w-h-p_4.png) center no-repeat;
  width: 16px;
  height: 16px;
}

.el-popover.el-popper {
  background: #2a2a2a !important;
}

.el-popper.is-light .el-popper__arrow:before {
  background: #2a2a2a !important;
}

.el-select__popper.el-popper {
  background-color: #2a2a2a;
}
